@import'var';
@import'help';

html{
    font-size: $font-size-base;        
}
body{
    width: 100%;
    font-family:$h1_fontfamily;
}
h1{
    padding-left: 3%;
    line-height: $height;
    font-weight:$h1_font-weight;
    font-size: $h1_font-size;
    color:$h1_color ; 
    background: $h1_background;
    border-top:$border ;
}

h3{
    padding-left: 3%;
    line-height: $h3_height;
    border-top:$border;
    border-bottom:$border ;
    font-weight: $h1_font-weight;
    font-size: $h3_font-size;
    color: $h3_color;
    background: $h3_background;
   
}
p{
    //line-height:$h3_height;
    font-size: $h3_font-size;
    padding-left: 3%;
}
.content_class_text{
    position: relative;

    &.active{
      .sub{
        background-image:url(../img/xiangxiat.png);
      }
    }
}
.sub{
   background: url(../img/xiangst.png) no-repeat right center;
   display: inline-block;
   width: 2.2rem;
   height: 1.3rem;
   position: absolute;
   right: 2%;
   top:3.3rem;
}
.apply,
.condition,
.upgrade{
  box-size:border-box;
  line-height: 4rem;
  transition:all 0.2s;
  -moz-transition:all 0.2s; 
  -webkit-transition:all 0.2s; 
  -o-transition:all 0.2s; 
  //height:0;
  //min-height:0;
  //max-height:0;
  opacity: 0;
    
  overflow: hidden;
  webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
  -o-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0); 
  
  &.show{
    //height:100px;
    opacity: 1;
    
  }

}


.inner{
  padding:2rem 0;
}